header {
    width: 100%;
    height: 44px;

    span {
        line-height: 44px;
        font-family: Microsoft Yahei;
    }
}



.box {
    height: calc(100% - 44px);
    font-family: PingFangSC-regular;
    background: url('../img/advertisement-bg.jpg') no-repeat;
    background-size: cover;
    background-position: 50%;
    top: 0;

    .box1 {
        top: 28px;
        right: 14px;
        width: 105px;
        line-height: 40px;
        background-color: #fff;
        border-radius: 20px;

        .cd {
            border-right: 1px solid #000;
            padding-right: 12px;
            margin-right: 12px;
        }

    }

    .text2 {
        font-size: 48px;
        font-family: SourceHanSansSC-bold;
        left: calc(50% - 116px);
        bottom: 124px;
        animation: run 1s ease-in-out;
    }

}

@keyframes run {
    0% {
        transform: translateY(0) scale(0, 0);
    }

    20% {
        transform: translateY(-100px) scale(0.2, 0.2);
    }

    80% {
        transform: translateY(140px) scale(0.8, 0.8);
    }

    100% {
        transform: translateY(0) scale(1, 1);
    }
}